<template>
  <div>
    about
    {{food}}
  </div>
</template>



<script>
  export default {
    name: "Home",
    props:{
      food:{
        type:String,
        default:'apple'
      }
    },
    components:{

    },
    data (){
      return {

      }
    },
    //方法
    methods:{

    },
    //计算方法
    computed:{

    },
    //watch数据监听
    watch: {

    },
    //数据过滤
    filters:{

    },
    //生命周期系列
    beforeCreate:function(){

    },
    created:function(){

    },
    beforeMount:function(){

    },
    mounted:function(){

    },
    beforeDestroy:function(){

    },
    destroyed:function(){

    },
    beforeUpdate:function(){

    },
    updated:function(){

    },
    beforeRouteEnter (to, from, next) {
      next(vm => {})
      // 注意，在路由进入之前，组件实例还未渲染，所以无法获取this实例，只能通过vm来访问组件实例
    },
    beforeRouteUpdate (to, from, next) {
      // 同一页面，刷新不同数据时调用，
      next()
    },

    beforeRouteLeave (to, from, next) {
      // 离开当前路由页面时调用
      next()
    }

  }
</script>





<style scoped>

</style>
